﻿<%@ Language="C#" Inherits="System.Web.Mvc.ViewPage<System.Collections.Generic.IList<DNBProject.Model.InfoLayerModel>>" %>
<style type="text/css">
#TableOfContent
{
   position:absolute;
   right:124px;
   z-index:9999;
   top: 165px;
    margin-top: 5px;
}

#hien_thi_cac_diem_title
{
 
   width:171px;
   -moz-user-select: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #717B87;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    color: #000000;
    direction: ltr;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    min-width: 29px;
    overflow: hidden;
    padding: 1px 6px;
    position: relative;
    text-align: center;
  
}

#api_map
{
   width:186px;
   background:#D8D8D8;
   border:solid 1px;
   font-size:14px;
   color:#000;
   list-style: none;
   
   position:absolute;
   padding:5px 0px;
   display:none;
   
}

.api_map_titile
{  
	margin:10px 0px 10px 0px;
	padding-bottom:5px;
	padding-left:10px;
	border-bottom:dashed 1px #999;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
</style>

<script type="text/javascript">
    $(document).ready(function () {
        $("#TableOfContent").hover(function () {
            $("#api_map").stop(false, true).slideDown(100);
        }, function () {
            setTimeout(function () { $("#api_map").stop(false, true).slideUp(100); }, 400);
        });
    });
</script>

<div id="TableOfContent">
  <div id="hien_thi_cac_diem_title"> Các lớp bản đồ</div>
  <div id="api_map" style="display: none;">
	  <div id="api_map1">
		 <div class="api_map_titile">ĐIỂM QUAN TRẮC</div>
         <li><input type="checkbox" id="checkAllLayer" checked="true" >Chọn tất cả</li>
         <%foreach (var x in Model)
           {%>
               <li class="itemTOC">
                   <input type="checkbox" class="switchLayer" value="<%:x.Key%>" checked="true">&nbsp;<img src="<%:x.TocImageUrl %>"/>&nbsp;<%:x.Name%>
               </li>
           <%} %>
				 	        
		 </div>
	</div>
</div>